<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="common/commonTopOther.jsp"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>

	<head>
		<title>在线服务</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/login.css"rel="stylesheet" type="text/css" media="all" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
			
			$( "span.menu" ).click(function() {
				  $( ".head-nav ul" ).slideToggle(300, function() {
					// Animation complete.
				  });
				});
		</script>
		<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<script src="js/jquery.min.js"></script>
	</head>

	<body style="font-size:14px;">

<div class="welcome">
	<div class="container">
		<div class="col-md-08 welcome-top">
				<div class="content-left">
					<s:iterator value="#session.user">
					<a href="#"><img src="<s:property value="photo"/>" width="150px;"/></a>
					<h3 style="text-align: center;">义工号:XXX</h3>
					</s:iterator>
				</div>
					<div class="clearfix"> </div>
		</div>
		<div class="col-md-04 services">
		
			<div class="sevice-top">
			
			<!-- 判断用户是否为空，防止用户未登录时点击在线服务时出现求助信息(登录后才能看) -->
			<c:if test="${userName!=null}">
			<h3>求助信息</h3>
			<s:iterator value="#session.content">
				<ul>
					<li>
						<a href="delete_collection?userName=${userName}&&id=${id}"><input type="button" class="button" value="收藏" style="font-size:14px;"/></a> 
						<input type="button" class="button" value="为他解答"/>
						<a href="#">${helpContent}<h4 style="position:relative;top:-22px; left:420px;">求助者:${userName}</h4></a>
				    </li>		
				</ul>
			</s:iterator>
			 </c:if>
			</div>
		</div>
		
			<div class="clearfix"> </div>
	</div>
</div>
<div class="welcome">
	<div class="container">
		<div class="col-md-08 welcome-top">
					<div class="clearfix"> </div>
		</div>
		<div class="col-md-14 services">
			<h3>已解决帮助</h3>
			<div class="sevice-top">
				<ul>
					<li><a href="#">关注国际儿童失踪日：让丢失的宝贝回家</a></li>
					<li><a href="#">助梦蒲公英义工联盟为白血病儿童募捐新书</a></li>
					<li><a href="#">社会义工志愿者为养老院采摘新鲜的蔬菜</a></li>
					<li><a href="#">求是义工爱心“跳蚤市场”开张了首场大港油田</a></li>
					<li><a href="#">求是义工爱心“跳蚤市场”开张了首场大港油田</a></li>
						<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
		<div class="col-md-24 services">
			<h3>&nbsp;&nbsp;&nbsp;关注领域</h3>
			<div class="sevice-top-three">
				<ul>					
					<li><a href="#">老人健康</a></li>
					<li><a href="#">青少年</a></li>
					<li><a href="#">妇女儿童</a></li>
                   <div class="clearfix"> </div>
				</ul>
			</div>
		</div>
			<div class="clearfix"> </div>
	</div>
</div>

</body>
</html>
<%@ include file="common/commonBottom.jsp"%>